<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>
		[简历]潘梦婷-本科网络与新媒体专业/广州</title>
    <link rel="stylesheet" href="assets/css/style.css">
	<link rel="shortcut icon" href="assets/images/Star.png" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
</head>

<body style="background-image: linear-gradient(48deg,#f46666, #feffbd);">
 <script src="./assets/js/index.js" class="body1"></script>
 <canvas id="canvas"></canvas>
 <script>
 	const canvas = document.getElementById("canvas");
 	const ctx = canvas.getContext("2d");
 
 	canvas.width = window.innerWidth ;
 	canvas.height = window.innerHeight ;
 
 	class Bubble {
 		constructor(x, y, radius, color) {
 			this.x = x;
 			this.y = y;
 			this.radius = radius;
 			this.color = color;
 			this.dx = Math.random() - 0.5;
 			this.dy = Math.random() - 0.5;
 			this.speed = Math.random() * 5 + 1;
 		}
 
 		draw() {
 			ctx.beginPath();
 			ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
 			ctx.fillStyle = this.color;
 			ctx.fill();
 		}
 
 		update() {
 			if (this.x + this.radius > canvas.width || this.x - this.radius < 0) {
 				this.dx = -this.dx;
 			}
 			if (this.y + this.radius > canvas.height || this.y - this.radius < 0) {
 				this.dy = -this.dy;
 			}
 			this.x += this.dx * this.speed;
 			this.y += this.dy * this.speed;
 		}
 	}
 
 	const bubbles = [];
 
 	function init() {
 		for (let i = 0; i < 50; i++) {
 			const radius = Math.random() * 50 + 10;
 			const x = Math.random() * (canvas.width - radius * 2) + radius;
 			const y = Math.random() * (canvas.height - radius * 2) + radius;
 			const color = `hsla(${Math.random() * 360}, 100%, 85%, 0.5)`;
 			bubbles.push(new Bubble(x, y, radius, color));
 		}
 	}
 
 	function animate() {
 		requestAnimationFrame(animate);
 		ctx.clearRect(0, 0, canvas.width, canvas.height);
 		bubbles.forEach((bubble) => {
 			bubble.draw();
 			bubble.update();
 		});
 	}
 
 	init();
 	animate();
 </script>

	<header>
<nav class="btn btn-1">
	
             <ul>
             	<div class="tubiao"><svg  class="icon " style="width:-10%" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1093" id="mx_n_1555642676792" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M692.2 768.1H320.9c-23.5 0-42.5-19-42.5-42.5v-482c0-23.5 19-42.5 42.5-42.5h371.4c23.5 0 42.5 19 42.5 42.5v482c0 23.4-19.1 42.5-42.6 42.5z" fill="#f6d365" p-id="1094" data-spm-anchor-id="a313x.7781069.0.i5" class="selected"></path><path d="M730 723H283.2c-9.5 0-17.2-9.4-17.2-20.9 0-11.5 7.7-20.9 17.2-20.9H730c9.5 0 17.2 9.4 17.2 20.9-0.1 11.5-7.8 20.9-17.2 20.9zM730 635.7H283.2c-9.5 0-17.2-9.4-17.2-20.9s7.7-20.9 17.2-20.9H730c9.5 0 17.2 9.4 17.2 20.9s-7.8 20.9-17.2 20.9zM506.6 358.6c-44.4 0-80.4-35.3-80.4-78.7s36.1-78.7 80.4-78.7c44.4 0 80.4 35.3 80.4 78.7s-36.1 78.7-80.4 78.7z m0-115.5c-21.2 0-38.5 16.5-38.5 36.8s17.3 36.8 38.5 36.8 38.5-16.5 38.5-36.8-17.3-36.8-38.5-36.8z" fill="#353535" p-id="1095"></path><path d="M639 510.8H374.2l0.5-21.5c1-40.6 14.7-78.8 38.4-107.6 24.9-30.1 58.1-46.7 93.5-46.7s68.6 16.6 93.5 46.7c23.7 28.7 37.4 66.9 38.4 107.6l0.5 21.5z m-220.3-41.9h175.7c-3.9-23-13.1-43.9-26.7-60.4-16.7-20.3-38.5-31.4-61.1-31.4s-44.4 11.2-61.1 31.4c-13.7 16.5-22.9 37.4-26.8 60.4z" fill="#353535" p-id="1096"></path><path d="M797.7 931.4H215.4c-47.1 0-85.5-38.4-85.5-85.5V138.1c0-47.1 38.4-85.5 85.5-85.5h582.3c47.1 0 85.5 38.4 85.5 85.5V846c0 47.1-38.4 85.4-85.5 85.4zM215.4 94.6c-24 0-43.5 19.5-43.5 43.5V846c0 24 19.5 43.5 43.5 43.5h582.3c24 0 43.5-19.5 43.5-43.5V138.1c0-24-19.5-43.5-43.5-43.5H215.4z" fill="#353535" p-id="1097"></path></svg>
             	 </div>   	 
				<li class="logo active">
                     <a href="#">简历</a>
                     <span></span>
                 </li>
                 <li id="silder_bar"><i class="fa  fa-align-justify fa-5x "></i>
                     <a href="#">个人项目</a>
					 	<!--一级-->
					 	<ul>
					 		<li><a href="https://www.douyin.com/video/7244847387909377314" target="mainFiled" >《耿耿于怀》mv</a></li>
					 		<li><a href="https://www.douyin.com/video/7204424852999113987" target="mainFiled" >电影预告片</a></li>
					 </li>
					 </ul>
                 <li ><i class="fa  fa-heart "></i>
                     <a href="https://www.douyin.com/user/self" target="_blank">抖音</a>
                     <span></span>
                 </li>
                 <li ><i class="fa fa-git "></i>
                 	<a href="#">
                     <a href="https://gitee.com/mengting-pan" target="_blank">Gitee</a>
                     <span></span>
             </ul>
         </nav>
         
	</header>
	<br>
	<br>
	<br>
    <main>
    <article class="container">
        <section class="side" id="side">

            <!-- 左栏固定开关，记得及时删除这段代码 Start-->
            <label class="switch" style="display: none;" onchange="switchFixed()">
                <script type="text/javaScript">
                    function switchFixed(){
                        var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                        document.getElementById('side').style.position = value;
                    }
                </script>
                <input id="cb" type="checkbox">
                <span class="slider round"></span>
            </label>
            <style>
                @media (min-width: 	750px){
                    .switch{position:relative;display:inline-block!important;width:60px;height:34px;}
                    .switch input{display:none;}
                    .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
                    .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
                    input:checked + .slider{background-color:#758dcd;}
                    input:focus + .slider{box-shadow:0 0 1px #758dcd;}
                    input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;}
                    .slider.round:before{border-radius:50%;}
                }
            </style>
            <!-- 左侧固定开关，记得及时删除这段代码 End-->

            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                    <div class="loading" style="display:none">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 头像照片 -->
                    <img class="avatar" src="assets/images/head sculpture.jpg" onload="loading()" style="display:block">
                </section>
				
  
      <h1 class="name">   <em>  <b>潘梦婷 </b> </em> 
		 </h1>
      <h4 class="info-job">   <em> <b>网络与新媒体专业学生 / 广州</b> </em>  </h4>
    	  
            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <i class="fa fa-address-card-o" aria-hidden="true" /></i><b>基本信息</b></h2>
                <hr/>
                <ul>
                    <li>
                        <label><b>个人信息</b></label>
                        <span>潘梦婷 / 女 / 20岁</span>
                    </li>
                    <li>
                        <label><b>英语水平</b></label>
                        <span>CET-4</span>
                    </li>
					<li>
					    <label><b>数据分析水平</b></label>
					    <span>CDA一级认证</span>
					</li>
                    <li>
                        <label><b>计算机水平</b></label>
                        <span>计算机二级</span>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <address class="contact info-unit">
                <h2>
                    <i class="fa fa-address-book" aria-hidden="true" /></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
						<i class="fa fa-phone" aria-hidden="true"></i>
                        <label>手机</label>
                        <a href="tel:15013355519" target="_blank">150-1335-5519</a>
                    </li>
                    <li>
						<i class="fa fa-envelope" aria-hidden="true" /></i>
                        <label>邮箱</label>
                        <a href="mailto:321431763@qq.com" target="_blank">321431763@qq.com</a>
                    </li>
                    <li>
						<i class="fa fa-book" aria-hidden="true" /></i>
                        <label>个人主页</label>
                        <a href="https://gitee.com/mengting-pan" target="_blank">https://gitee.com/mengting-pan/</a>
                    </li>
                </ul>
            </address>

            <!-- 技能点 -->
            <section class="skill info-unit">
                 <em>
                     <h2>
                    <i class="fa fa-star" aria-hidden="true" /></i>技能点</h2>
                <hr/>
                <ul>
					<b>
                    <li>
                        <label>HTML</label>
                        <progress value="80" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="75" max="100"></progress>
                    </li>
                    <li>
                        <label>微信公众号运营</label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label>Adobe Photoshop</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>Adobe Premiere</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>小程序</label>
                        <progress value="70" max="100"></progress>
                    </li>
					</b>
                </ul>
                </em>
            </section>

            <section class="qrcode info-unit">
                <h2><i class="fa fa-qrcode" aria-hidden="true"></i>二维码</h2>
                 <hr/>
                 <img class="avatar" src="assets/images/QR code.jpg" style="width: 100%;" alt="">
            </section>
			
            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>
                
			
        <main class="main" style="background-color: #feffbd;">
                
            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-mortar-board" aria-hidden="true" /></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span><b>惠州市博罗县园洲中学 - （初中）</b></span>
                            <time>2016.9-2019.7</time>
                        </h3>
                        <p>专业排名
                            <mark>X/XX</mark>，在校期间曾担任英语课代表，多次参加学校的征文比赛，在“沿着红色足迹走”、“禁毒宣传活动”政治论文比赛中荣获一等奖等；</p>
                    </li>
                    <li>
                        <h3>
                            <span><b>惠州市博罗县博罗中学 - （高中）</b></span>
                            <time>2019.9-2022.7</time>
                        </h3>
                        <p>专业排名
                            <mark>X/XX</mark>，在校期间担任物理课代表，课内课外兼顾，参加学校“经典阅读”征文比赛荣获二等奖等；</p>
                    </li>
                    <li>
				        <h3>
				            <span><b>中山大学广州南方学院 - 网络与新媒体专业(本科)</b></span>
				            <time>2022.9-至今</time>
				        </h3>
				        <p>专业排名
				            <mark>X/XX</mark>，在校期间认真学习，认真履行团员职责，跟随党的步伐，不断完善自我；</p>
				    </li>
				    </ul>
            </section>
			</main>
			<br>
			
			
			
			  <main class="main" style="background-color: #feffbd;">
             <!-- 在校经历 -->
             <section class="edu info-unit">
                 <h2>
                     <i class="fa fa-university" aria-hidden="true" /></i>在校经历</h2>
                 <hr/>
                 <ul>
                      <li>
                         <h3>
                             <span>南苑书社——策划部干事</span>
                             <time>2012.9-2023.7</time>
                         </h3>
                         <p>专业排名
                             <mark>X/XX</mark>，掌握了策划活动的具体步骤和方法，有组织能力和项目管理能力；</p>
                      </li>
					  <li>
                         <h3>
                             <span> 
							 <a href="https://baike.baidu.com/item/%E4%B8%AD%E5%B1%B1%E5%A4%A7%E5%AD%A6%E5%8D%97%E6%96%B9%E5%AD%A6%E9%99%A2%E5%85%AC%E5%85%B1%E5%85%B3%E6%80%80%E5%BF%97%E6%84%BF%E5%90%88%E4%BD%9C%E5%9F%BA%E5%9C%B0/20122568?fr=ge_ala" target="_blank">
							 <i class="fa fa-chain" aria-hidden="true" /></i>
							 公共关怀志愿合作基地</a>——理事长
							 </span>
                             <time>2023.9-至今</time>
                         </h3>
                         <p>专业排名
                             <mark>X/XX</mark>，具备较强的理解、沟通和管理能力，认真拓展志愿者团队规模，招募更多认真负责的志愿者们共同参与我们组织的志愿服务活动等；</p>
                       </li>
                       <li>
                         <h3>
                             <span>文学与传媒学院新闻网新党支部——宣传组干事</span>
                             <time>2023.9-至今</time>
                         </h3>
                         <p>专业排名
                             <mark>X/XX</mark>，学习管理公众号，熟练PS、PR技术、拍摄技术等</p>
							 <mark>主修课程：数字媒体技术、融合新闻学、非线性编辑、数字多媒体作品创作、产品运营、摄影与摄像、网页设计与制作等。</mark>
                     </li>
                     </ul>
             </section>
			 </main>
			 <br>
			 
			 
			   <main class="main" style="background-color: #feffbd;">
			 <!-- 个人项目 -->
			 <section class="project info-unit">
			     <em>
                 <h2>
			         <i class="fa fa-lightbulb-o" aria-hidden="true" /></i>个人项目</h2>
			     <hr/>
			     <ul>
			         <li>
			             <h3>
							 
			                 <span>[项目1]自制MV《耿耿于怀》</span>
			                 <span class="link">
			                     <a href="https://www.douyin.com/video/7244847387909377314" target="_blank">Demo</a>
			                 </span>
			                 <time>2023.5-2023.6</time>
							 
			             </h3>
						<details> 
							  <summary>详情</summary>
			             <ul class="info-content">
			                 <li>技术栈：摄影+PR+脚本</li>
			                 <li>
			                     <i class="fa fa-turkish-lira" aria-hidden="true"></i>
			                     [目标]完成mv视频创作
			                     <br/>
			                     <i class="fa fa-users" aria-hidden="true"></i>
			                     [团队]同 2 位同专业同学一起
			                     <br/>
			                     <i class="fa fa-search-plus" aria-hidden="true"></i>
			                     [贡献]完成从
			                     <mark>“创作脚本-设计拍摄-完成剪辑-视频推广”</mark>等工作，主要负责脚本编写、视频拍摄及MV剪辑及等工作。
			                     <br/>
			                     <i class="fa fa-diamond" aria-hidden="true"/></i>
			                     [收获]完成第一个全程工作参与的MV拍摄，对摄影和剪辑方面掌握更深。</li>
			             </ul>
			             </details>
					 </li>
					
			         
					 <li>
						 
			             <h3>
			                 <span>[项目2]自制电影《奇迹*笨小孩》预告片</span>
			                 <span class="link">
			                     <a href="https://www.douyin.com/video/7204424852999113987" target="_blank">Demo</a>
			                 </span>
			                 <time>2023.2-2023.3</time>
			             </h3>
						 <details>
						 	  <summary>详情</summary>
			             <ul class="info-content">
			                 <li>技术栈：PR＋预告脚本＋配乐</li>
			                 <li>
			                     <i class="fa fa-turkish-lira" aria-hidden="true"></i>
			                     [目标]完成电影预告片剪辑作业
			                     <br/>
			                     <i class="fa fa-users" aria-hidden="true"></i>
			                     [团队]个人独立完成
			                     <br/>
			                     <i class="fa fa-search-plus" aria-hidden="true"></i>
			                     [贡献]独立进行片段选取，剪辑思路，配乐等工作。
			                     <br/>
			                    <i class="fa fa-diamond" aria-hidden="true"/></i>
			                     [收获]作品在抖音阅读量较高，多人私信问源文件。
			                 </li>
			             </ul>
						  </details>
			         </li>
			         <li>
			             <h3>
			                 <span>[项目3]进行个人简历网页制作</span>
			                 <span class="link">
			                     <a href="https://mengting-pan.gitee.io/resume/" target="_blank">Demo</a>
			                 </span>
			                 <time>2024.1-2024.1</time>
			             </h3>
						 <details>
						 	  <summary>详情</summary>
			             <ul class="info-content">
			                 <li>技术栈：HTML 5+CSS3+Gitee Pages</li>
			                 <li>
			                     <i class="fa fa-turkish-lira" aria-hidden="true"></i>
			                     [目标]实现网络与新媒体专业第一个个人网页的制作
			                     <br/>
			                     <i class="fa fa-users" aria-hidden="true"></i>
			                     [团队]参与课程的讨论及提出建议
			                     <br/>
			                     <i class="fa fa-search-plus" aria-hidden="true"></i>
			                     [贡献]完成从 “fork-修改_config.yml-修改网页个人内容-配置404文件”等工作，实现对个人简历模板的修改
			                     <br/>
			                     <i class="fa fa-diamond" aria-hidden="true"/></i>
			                     [收获]对HTML 5进行了进一步的学习
			                 </li>
			             </ul>
						 </details>
			         </li>
			         <li>
			             <h3>
			                 <span>[项目4]进行Gitee仓库创作</span>
			                 <span class="link">
			                     <a href="https://gitee.com/mengtingPan/python-courses-2023-2024" target="_blank">Demo</a>
			                 </span>
			                 <time>2023.9-2024.12</time>
			             </h3>
						 <details>
						 	  <summary>详情</summary>
			             <ul class="info-content">
			                 <li>技术栈：Markdown+josn+yaml+tsv+csv</li>
			                 <li>
			                     <i class="fa fa-turkish-lira" aria-hidden="true"></i>
			                     [目标]进行Python语言基础的学习，学会运用gitee与github
			                     <br/>
			                     <i class="fa fa-users" aria-hidden="true"></i>
			                     [团队]跟随导师学习
			                     <br/>
			                     <i class="fa fa-search-plus" aria-hidden="true"></i>
			                     [贡献]学习markdown 语法的基本用法，进行知识总结，学会使用 gitee 进行文件的修改与提交。
			                     <br/>
			                    <i class="fa fa-diamond" aria-hidden="true"/></i>
			                     [收获]熟练使用markdown编写文件，进行各格式文件的编写与总结。
			                 </li>
			             </ul>
						 </details>
			         </li>
			     </ul> 
                 </em> 
			 </section>
			 </main>
			 <br>
			 
			 
		  <main class="main" style="background-color: #feffbd;">
			 <!-- 校园实践 -->
			              <section class="edu info-unit">
			                  <h2>
			                <i class="fa fa-archive" aria-hidden="true" /></i>校园实践</h2>
			                  <hr/>
			                  <ul>
			                       <li>
			                          <h3>
			                              <span>团队管理</span>
			                          </h3>
			                          <p>根据组员擅长的技能和兴趣，合理分配组员任务，并制定工作时间表，定期开会，进行任务进展程度的交流汇报让团队联系密切，合作高效。</p>
			                       </li>
			 					  <li>
			                          <h3>
			                              <span>资料整理</span>
			                          </h3>
			                          <p>组织成员通过网络信息整合，问卷调查，亲自采访等方式收集主题素材，跟进方案设计。</p>
			                        </li>
			                        <li>
			                          <h3>
			                              <span>报告撰写</span>  
			                          </h3>
			                          <p>在整理的咨料中筛选有用的数据和信息，根据课程务列举大纲，撰写小组报告。</p>
			                      </li>
			 					 <li>
			 					     <h3>
			 					         <span>方案展示</span>  
			 					     </h3>
			 					     <p>利用PPT设计演示文稿，主导组员进行课题方案展示，实现课时完成率100%。</p>
			 					 </li>
			                      </ul>
			              </section>
						  </main>
						  <br>
						  
						  
				  <main class="main" style="background-color: #feffbd;">		  
            <!-- 个人优势 -->
            <section class="work info-unit">
                <h2>
                   <i class="fa fa-thumbs-up" aria-hidden="true" /></i>个人优势</h2>
                <hr/>
                <ul>
                        <h3>
                           <ul class="info-content" >
						    <li>
							<span>对待工作认真负责，善于沟通、有较强的组织能力与团队精神，工作细心，条理清晰.</span>
							</li>
                        </h3>
                      <h3>
                         <ul class="info-content" >
                         <li>  
                      	<span>活泼开朗、乐观上进、有爱心并善于施教并行，能够快速适应环境。</span>
                      	 </li>
                      </h3>
                        <h3>
                           <ul class="info-content" >
                            <li> 
                        	<span>上进心强、勤于学习能不断提高自身的能力与综合素质，具备社会实践操作能力。</span>
                        	</li>
                        </h3>
                 </ul>
            </section>
			</main>
			<br>
			
			
             <main class="main" style="background-color: #feffbd;">
              <!-- 个人劣势 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-expand" aria-hidden="true"></i>个人劣势</h2>
                <hr/>
                <ul>
                        <h3>
                           <ul class="info-content" >
						    <li>
							<span>作为未毕业生，专业学习知识不够全面。</span>
							</li>
                        </h3>
                      <h3>
                         <ul class="info-content" >
                         <li>  
                      	<span>作为在校生，社会经验不足，理论知识和实践工作差一点。</span>
                      	 </li>
                      </h3>
                 </ul>
            </section>
        </section>
    </article>
    </main>


    <footer class="footer">
        <p>© 2024 潘梦婷.文档最后更新时间为
            <time>2024年01月16日</time>.</p>
    </footer>

    <!-- 侧栏 -->
	
    <aside>
        <ul>
            <li>
                <a href="https://gitee.com/mengting-pan/resume" target="_blank">源代码</a>
            </li>
            <li>
                <a href="http://if2er.com/" target="_blank">Blog</a>
            </li>
        </ul>
    </aside>
  </body>

</html>